// 从 vue 模块中导入 createApp 函数
import { createApp } from 'vue';
// 从 vue-router 模块中导入相关函数
import { createRouter , createWebHistory } from 'vue-router';

// 导入 ElementPlus 模块
import ElementPlus from 'element-plus';
// 导入 ElementPlus 样式
import 'element-plus/dist/index.css';

// 导入根组件
import App from '@/App.vue';

// 导入路由规则
import routes from '@/routes'; // '@/routes/index'

// 创建应用(application)
const app = createApp(App);

// 启用插件
app.use( ElementPlus );

// 创建路由实例
const router = createRouter({
    history: createWebHistory(),
    routes, // `routes: routes` 的缩写
})

// 全局前置守卫
router.beforeEach( to => {
    // 将元信息中的 title 属性值设置为当前文档的标题(浏览器标题栏显示的标题)
    document.title = to.meta.title ;
    return true ;
});

// 启用路由
app.use(router);

// 挂载根组件
const root = app.mount('#app');
console.log( 'root:' , root );
